<template>
  <div class="about">
    <h1>{{ a }}</h1>
    <div>{{ aa }}</div>
    <button @click="incr">{{ aa }}</button>
    <div>{{ items }}</div>
    <div>{{ person }}</div>
    <input :placeholder="b" />
  </div>
  <!-- 展示数据 -->
</template>
<script>
export default {
  data() {
    return {
      a: "def",
      b: "请输入用户名",
      aa: 2,
      items: [1, 2, 3, 4],
      person: {
        name: "zhangsan",
        height: 176,
        weight: 177,
      },
    };
  },
  methods: {
    incr() {
      this.aa = this.aa + 2;
    },
  },
};
</script>
